<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <%@include file ="../include/link.jsp"%> 
    </head>
    <body onload="initialYearAndMonth();">
        <!--Logo区域开始-->
        <div id="header">
            <img src="../images/logo.png" alt="logo" class="left"/>
            <a href="#">[退出]</a>            
        </div>
        <!--Logo区域结束-->
        <!--导航区域开始-->
        <div id="navi">                        
            <ul id="menu">
                <%@include file ="../include/main.jsp"%>
            </ul>            
        </div>
        <!--导航区域结束-->
        <!--主要区域开始-->
        <div id="main">
            <form action="" method="">
                <!--查询-->
                <div class="search_add">                        
                    <div>账务账号：<span class="readonly width70">${auser}</span></div>                            
                    <div>身份证：<span class="readonly width150">${card}</span></div>
                    <div>姓名：<span class="readonly width70">${name}</span></div>
                    <div>计费时间：<span class="readonly width70">${fn:replace(fn:substring(month,0,7),"-","年")}月</span></div>
                    <div>总费用：<span class="readonly width70">${cost}</span></div>
                    <input type="button" value="返回" class="btn_add" onclick="location.href='bill_list.jsp';" />
                </div>  
                <!--数据区域：用表格展示数据-->     
                <div id="data">            
                    <table id="datalist">
                        <tr>
                            <th class="width70">账单明细ID</th>
                            <th class="width150">OS 账号</th>
                            <th class="width150">服务器 IP</th>
                            <th class="width70">账务账号ID</th>
                            <th class="width150">时长</th>
                            <th>费用</th>
                            <th class="width150">资费</th>
                            <th class="width50"></th>
                        </tr>
                        <c:forEach items="${lb}" var="lb" varStatus="xh">
                        <tr>
                            <td>${xh.count}</td>
                            <td>${lb.bus_os}</td>
                            <td>${lb.bus_ip}</td>
                            <td>${lb.bus_ano}</td>
                            <td>1小时3分15秒</td>
                            <td>125</td>
                            <td>${lb.bus_taname}</td>                          
                            <td><a href="${pageContext.request.contextPath}/bill/CheckBillDetailServlet?user=${auser}&os=${lb.bus_os}&ip=${lb.bus_ip}&month=${month}&cost=${cost}" title="业务详单">详单</a></td>
                        </tr>
                        </c:forEach>
                    </table>
                </div>
                <!--分页-->
                <div id="pages">
        	        <a href="#">上一页</a>
                    <a href="#" class="current_page">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">5</a>
                    <a href="#">下一页</a>
                </div>                    
            </form>
        </div>
        <!--主要区域结束-->
        <div id="footer">
          
        </div>
    </body>
</html>